.cat1-box{
    width:100%;
    height:5rem;
    background: #ccc;
    display: flex;
    align-items: center; 
    position: relative;   
}

.cat1-box img{
    display: block;
    width:100%;
    height: 100%;
}
.cat1-box  p{
    font-weight: 400;
    font-size: .7rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem .12rem rgba(0,0,0,0.2);
    font-style: oblique;
}

.cat2-content{
    height: 5.6rem;
    background: #F8F8F8;
    border-radius: .3rem;
    display: flex;
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
}

.cat2-left{
    /* background: pink; */
    border-radius: .3rem;
    position: relative;
}
.map-box{
    position: absolute;
    top:.4rem;
    right:.4rem;
    width:100%;
    height:inherit;
    border-radius: .3rem;
    background: pink;
}
.cat2-left, .cat2-right{
    width:6rem;
    height:inherit;
}

.cat2-right {
    padding:.95rem .4rem;
    box-sizing: border-box;
}

.cat2-title{
    font-weight: bold;
    font-size: .28rem;
    color: #1D2F5E;
    margin-bottom: .4rem;
}

.right-content > li{
    display: flex;
    align-items: center;
    height:1.1rem;
}

.right-icon{
    width:.3rem;
    height: .3rem;
    background: #ccc;
    border-radius: 50%;
    margin-right:.16rem ;
}
.right-icon img{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.right-ctx > p{
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    margin-bottom: .1rem;
}
.right-ctx a > h4:hover{
    color:#1D2F5E !important
}
.right-ctx h4{
    font-weight: bold;
    font-size: .18rem;
    color: #333;
}